<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <meta charset="utf-8"/>

</head>
<body>
<style>
    .email-box body {
        margin: 0;
        padding: 0;
        background: #fff;
        font-family: "Verdana, Arial, Helvetica, sans-serif";
        font-size: 14px;
        line-height: 24px;
    }

    .email-box div, .email-box p, .email-box span, .email-box img {
        margin: 0;
        padding: 0;
    }

    .email-box img {
        border: none;
    }

    .email-box .container {
        margin: 0 auto;
    }

    .email-box .title {
        background: #CCE repeat-x;
        font-weight: bold;
        padding: 12px;
        font-size: 16px;
        border-radius: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .email-box .content {
        margin: 4px;
    }

    .email-box .biaoti {
        padding: 6px;
        color: #000;
    }

    .email-box .xtop, .email-box .xbottom {
        display: block;
        font-size: 1px;
    }

    .email-box .xb1, .email-box .xb2, .email-box .xb3, .email-box .xb4 {
        display: block;
        overflow: hidden;
    }

    .email-box .xb1, .email-box .xb2, .email-box .xb3 {
        height: 1px;
    }

    .email-box .xb2, .email-box .xb3, .email-box .xb4 {
        border-left: 1px solid #BCBCBC;
        border-right: 1px solid #BCBCBC;
    }

    .email-box .xb1 {
        margin: 0 5px;
        background: #BCBCBC;
    }

    .email-box .xb2 {
        margin: 0 3px;
        border-width: 0 2px;
    }

    .email-box .xb3 {
        margin: 0 2px;
    }

    .email-box .xb4 {
        height: 2px;
        margin: 0 1px;
    }

    .email-box .xboxcontent {
        display: block;
        border: 0 solid #BCBCBC;
        border-width: 0 1px;
    }

    .email-box .line {
        margin-top: 6px;
        border-top: 1px dashed #B9B9B9;
        padding: 4px;
    }

    .email-box .neirong {
        padding: 6px;
        color: #666666;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .email-box .foot {
        padding: 6px;
        color: #777;
    }

    .email-box .font_darkblue {
        color: #006699;
        font-weight: bold;
    }

    .email-box .font_lightblue {
        color: #008BD1;
        font-weight: bold;
    }

    .email-box .font_gray {
        color: #888;
        font-size: 12px;
    }

    .email-box style, .email-box script, .email-box head, .email-box link, .email-box meta {
        display: none !important;
    }
    .captcha-container{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
</style>
<div class="email-box qm_con_body_content qqmail_webmail_only" id="mailContentContainer" style="">
    <div class="container">
        <div class="title">{title}</div>
        <div class="content">
            <b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
            <div class="xboxcontent">
                <div class="neirong">
                    <span id="userName" class="font_darkblue">{userName}</span>
                    <div class="captcha-container">
                        <b id="captcha">{type}的验证码：</b>
                        <span class="font_lightblue">
                            <span id="yzm"
                                  data="{captcha}" onclick="return false;"
                                  t="7"
                                  style="border-bottom: 1px dashed rgb(204, 204, 204); z-index: 1; position: static;">{captcha}
                            </span>
                        </span>
                        <br>
                        <span class="font_gray">
                            (请输入该验证码完成{type}，验证码{time}内有效！)
                        </span>
                    </div>
                    <div class="line">如果你未申请{type}服务，请忽略该邮件。</div>
                </div>
            </div>
            <b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
            <!--            <p class="foot">如果仍有问题，请拨打我们的会员服务专线: -->
            <!--                <span data="800-820-5100" onclick="return false;" t="7" -->
            <!--                      style="border-bottom: 1px dashed rgb(204, 204, 204); z-index: 1; position: static;">-->
            <!--                    021-51875288-->
            <!--                </span>-->
            <!--            </p>-->
        </div>
    </div>
</div>
</body>
</html>